//主要灰色: 背景
$main-bule: rgba(236, 244, 255, 1);
$main-gray: #EEEFF2;
$bg-header: #EEEFF2;    // header的背景色
$color-gray-1: #ccc;  //footer
$color-gray-2: #53524b; //部分文字
$color-gray-3: #858585; //home card 的文字颜色
$color-gray-4: #c5cad6; //card border颜色
$color-gray-btn-disabled: #c5cad6; //button禁用状态颜色


$color-black-main: #53524b;

//蓝色
$color-blue-main: #0090ff;   //button普通状态颜色
$color-blue-btn-hover: #4bb0fe; //button悬浮状态颜色
$color-blue-btn-active: #007cdb; //button点击状态颜色
$color-blue-1: #4cb1ff; //稍微淡一些的蓝色
$color-blue-2: #99d2ff; //更淡一些的蓝色
$color-blue-bg:#dbefff; //蓝色背景

//红色
$color-badge: #F56C6C;
$color-red-font:#ff6b6b; //红色字体
$color-red-bg2:#db4b4b; //深红色背景
$color-red-bg:#f8e6e8; //浅红色背景

//橙色
$color-orange-bg1:#ff9100; //橙色背景1
$color-orange-bg2:#ffb300; //橙色背景2

//绿色
$color-green-bg:#f0f8e1; //绿色背景
$color-green-font:#94cb2d; //绿色字体

// 白色
$color-white: #fff;

$font-size-0: 1rem;
$font-size-1: .50rem;
$font-size-2: .28rem;
$font-size-3: .20rem;
$font-size-4: .18rem;
$font-size-5: .16rem;
$font-size-6: .12rem;

//屏幕宽度
$screen-width-xl-min: 1920px;
$screen-width-lg-max: 1899px;
$screen-width-lg-min: 1200px;
$screen-width-md-max: 1199px;
$screen-width-md-min: 992px;
$screen-width-sm-max: 991px;
$screen-width-sm-min: 768px;
$screen-width-xs-max: 767px;

.color-blue {
    color: $color-blue-main;
}

//字体大小
.h0, .f0 {
    font-size: $font-size-0;
}
.h1, .f1 {
    font-size: $font-size-1;
}

.h2, .f2 {
    font-size: $font-size-2;
}
.h3, .f3 {
    font-size: $font-size-3;
}
.h4, .f4 {
    font-size: $font-size-4;
}
.h5, .f5 {
    font-size: $font-size-5;
}
.h6, .f6 {
    font-size: $font-size-6
}
.h0 {
    font-weight: 400;
}
.h1 {
    font-weight: 400;
}
.h2 {
    font-weight: 400;
}
.h3 {
    font-weight: 400;
}
.h4 {
    font-weight: 400;
}

//文字颜色-黑色
.text-black {
    color: $color-black-main;
}

.text-white {
    color: $color-white;
}

.text-blue {
    color: $color-blue-main;
}

.text-gray {
    color: $color-gray-3;
}

.text-green {
    color: $color-green-font;
}
